<template>
	<div style="--htmlLabelLeft:-20px;--htmlLabelBottom:0">
		<DetailPage v-bind="detailConfig" :model="nowRowData" style="width: 100%; margin: 0 auto"></DetailPage>
			<div style="padding-left: 20px" >
        <HtmlLabel  title="退院/离院记录"></HtmlLabel>
      </div>
			<el-tabs v-model="activeName" class="demo-tabs">
				<el-tab-pane label="退院记录" name="CheckoutRecord">
          <CheckoutRecord :paramsObj="{id:nowRowData.id}"></CheckoutRecord>
        </el-tab-pane>
				<el-tab-pane label="离院记录" name="ElderlyLeaveRecord">
          <ElderlyLeaveRecord  :paramsObj="{idCard:nowRowData.idCard}"></ElderlyLeaveRecord>
        </el-tab-pane>
			</el-tabs>
	</div>
</template>

<script setup lang="ts">
import { detailColumn } from '../config'
import DetailPage from '@/views/aplid/DetailPage/index.vue'
import ElderlyLeaveRecord from './ElderlyLeaveRecord/index.vue'
import CheckoutRecord from './CheckoutRecord/index.vue'
const props = defineProps<{
	nowRowData?: any
}>()
const activeName = ref('CheckoutRecord')
const detailConfig = {
	inline: false,
	showBtn: true,
	labelPosition: 'top',
	column: detailColumn.map((item:any) => {
		if (item.type == 'DividerHtml') {
			item.custome = 'titleLabel'
		}
		return item
	}),
}
</script>

<style scoped></style>
